<template>
  <a-card class="main-card">
    <!-- <RunningStatus  /> -->
    <a-tabs v-model:activeKey="activeKey" tabPosition="left" @tabClick="tabClick">
      <a-tab-pane v-for="item in arr" :key="item.key" :tab="item.name">
        <RunningStatus v-if="item.key == 2" />
        <EventlLog v-if="item.key == 3" />
        <ZhiLingLog v-if="item.key == 4" />
        <Monitoring v-if="item.key == 5" />
        <Acquisition v-if="item.key == 6" />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import RunningStatus from './compments/running-status.vue'
import EventlLog from './compments/eventllog.vue'
import ZhiLingLog from './compments/zhilingLog.vue'
import Monitoring from './compments/monitoring.vue'
// /acquisition
import Acquisition from './compments/acquisition.vue'
import { router } from '/@/router';

const activeKey = ref(2);
const arr = [
  // {
  //   key: 1,
  //   name: '*基本信息'
  // },
  {
    key: 2,
    name: '运行状态'
  },
  {
    key: 3,
    name: '事件日志'
  },
  {
    key: 4,
    name: '指令日志'
  },
  {
    key: 5,
    name: '监测统计'
  },
  {
    key: 6,
    name: '数据采集'
  },
  //Monitoring
  // {
  //   key: 3,
  //   name: '子设备'
  // },
  // {
  //   key: 4,
  //   name: '设备定时'
  // },
  // {
  //   key: 5,
  //   name: '设备分享'
  // },
  // {
  //   key: 6,
  //   name: '事件日志'
  // },
  // {
  //   key: 7,
  //   name: '告警用户'
  // },
  // {
  //   key: 8,
  //   name: '设备告警'
  // },
  // {
  //   key: 9,
  //   name: '指令日志'
  // },
  // {
  //   key: 10,
  //   name: '实时监测'
  // },
  // {
  //   key: 11,
  //   name: '监测统计'
  // },
  // {
  //   key: 12,
  //   name: '轮询任务'
  // },
  // {
  //   key: 13,
  //   name: '数据调试'
  // },
  // {
  //   key: 14,
  //   name: '数据采集'
  // },
  // {
  //   key: 15,
  //   name: '视频监控'
  // }
]

function tabClick(e) {
  if (e == 19) {
    router.back();

  }
}

</script>

<style></style>